<template>
	<view class="header">
		<div class="mp-i">
			<image :src="imgHost + '/sam-burriss-jTSf1xnsoCs-unsplash.png'" mode=""></image>
			<p>成都壹立科技有限公司</p>
		</div>
		<div class="mp-t">
			您好，我是壹立科技的viviyaaa，这是我的
			电子名片，请惠存。
		</div>
		<div class="mp-image">
			<image :src="imgHost + '/蒙版组 6.png'" mode=""></image>
		</div>
		<div class="mp-k">
			
		</div>
		<div class="mp-x">
			<image :src="imgHost + '/路径 21359.png'" mode=""></image>
			<p>小程序</p>
		</div>
	</view>
</template>

<script>
	import {
		HTTP_REQUEST_URL
	} from '@/config/app.js';
	export default {
		data() {
			return {
				imgHost: HTTP_REQUEST_URL + '/mingpian',
			};
		}
	}
</script>

<style lang="scss">
.header{
	width: 656rpx;
	height: 832rpx;
	margin-left: 48rpx;
	margin-top: 32rpx;
	border-radius: 8rpx;
	background: #fff;
	box-shadow: 0 0 36rpx rgba(0, 0, 0, 0.07);
	padding-top: 32rpx;
	.mp-i{
		display: flex;
		margin-left: 32rpx;
		image{
			width: 64rpx;
			height: 64rpx;
		}
		p{
			margin-left: 24rpx;
			margin-top: 12rpx;
		}
	}
	.mp-t{
		font-family: "PingFang SC";
		font-weight: 400;
		font-size: 32rpx;
		line-height: 44rpx;
		text-align: left;
		color: #161616;
          padding: 0rpx 32rpx;
		margin-top: 24rpx;
	}
	.mp-image{
		width: 592rpx;
		height: 470rpx;
		background: transparent;
		margin-top: 32rpx;
		margin-left: 32rpx;
		image{
			width: 592rpx;
			height: 470rpx;
			background: transparent;
		}
	}
	.mp-k{
		width: 592rpx;
		height: 2rpx;
		border: 2rpx dashed #efefef;
		// background: #efefef;
		margin-top: 24rpx;
		margin-left: 32rpx;
	}
	.mp-x{
		margin-left: 32rpx;
		margin-top: 30rpx;
		display: flex;
		image{
			width: 32rpx;
			height: 30rpx;
			// background: #e23b20;
		}
		p{
			font-family: "PingFang SC";
			font-weight: 400;
			font-size: 28rpx;
			// line-height: 44px;
			text-align: left;
			color: #999;
			margin-left: 16rpx;
			    margin-top: -6rpx;
		}
	}
}
</style>

